<template>
    <l-page class="block h-full" customClass="h-full flex flex-col">
        <l-navbar title="评估记录"></l-navbar>
        <view class="bg-white shadow border-t border-gray-200">
            <u-tabs :list="list" @change="change" :scrollable="false" :current="tabNum"></u-tabs>
        </view>
        <l-swiper class="flex-1 overflow-auto" v-if="tabNum == 0">
            <view class="panel">
                <view class="flex my-1">
                    <view class="w-22">物业地址：</view>
                    <view class="flex-1">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi, alias?</view>
                </view>
                <view class="flex my-1">
                    <view class="w-22">面&emsp;&emsp;积：</view>
                    <view>100m²</view>
                </view>
                <view class="flex my-1">
                    <view class="w-22">房产总价：</view>
                    <view>100000</view>
                </view>
                <view class="flex my-1">
                    <view class="w-22">房产单价：</view>
                    <view>11</view>
                </view>
                <view class="flex my-1">
                    <view class="w-22">房产均价：</view>
                    <view>11</view>
                </view>
                <view class="flex my-1">
                    <view class="w-22">物&nbsp;业&nbsp;&nbsp;费：</view>
                    <view>11</view>
                </view>
                <view class="pt-3 border-t border-gray-100 mt-3 text-gray-400 text-xs">
                    申请时间：2002/12/12
                </view>
            </view>
        </l-swiper>
    </l-page>
</template>
<script setup lang="ts">
import { ref } from 'vue';
let list = [{ name: '待受理' }, { name: '评估中' }, { name: '已出结果' }]
let tabNum = ref(0)
let change = (val: any) => tabNum.value = val.index;

</script>